<!DOCTYPE html>
<html lang="en" data-ng-app="LoginApp">
<!-- BEGIN HEAD -->
<head>
    <title> Dingchat | 用户登录</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1" name="viewport"/>
    <meta content="" name="description"/>
    <meta content="" name="author"/>
    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href="./bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <link href="./bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <link href="./bower_components/simple-line-icons/css/simple-line-icons.css" rel="stylesheet" type="text/css"/>
    <link href="./bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="./bower_components/angular-toastr/dist/angular-toastr.min.css" rel="stylesheet" type="text/css"/>

    <!-- END GLOBAL MANDATORY STYLES -->
    <!-- BEGIN PAGE LEVEL STYLES -->
    <link href="./assets/pages/css/login-4.css" rel="stylesheet" type="text/css"/>
    <!-- END PAGE LEVEL SCRIPTS -->
    <!-- BEGIN THEME STYLES -->
    <link href="./assets/global/css/components-rounded.min.css" id="style_components" rel="stylesheet" type="text/css"/>
    <link href="./assets/global/css/plugins.css" rel="stylesheet" type="text/css"/>
    <link href="./assets/layouts/layout/css/layout.css" rel="stylesheet" type="text/css"/>
    <link href="./assets/layouts/layout/css/themes/light.css" rel="stylesheet" type="text/css" id="style_color"/>
    <link href="./assets/layouts/layout/css/custom.css" rel="stylesheet" type="text/css"/>
    <!-- END THEME STYLES -->
    <link rel="shortcut icon" href="./favicon.ico"/>
</head>
<body class="login" data-ng-controller="LoginController">
<!-- BEGIN LOGO -->
<div class="logo" style="margin-top: 0;padding-top: 90px;">
    <a href="#">
        <img ng-src="{{settings.assetsPath}}/pages/img/logo.png" style="width: 75px;" alt="">
    </a>
</div>
<!-- END LOGO -->
<!-- BEGIN SIDEBAR TOGGLER BUTTON -->
<div class="menu-toggler sidebar-toggler">
</div>
<!-- END SIDEBAR TOGGLER BUTTON -->
<!-- BEGIN LOGIN -->
<div class="content">
    <!-- BEGIN LOGIN FORM -->
    <form name="loginForm" class="login-form" method="post" novalidate>
        <h3 class="form-title">用户登录</h3>
        <div id="loginErrorAlert"></div>
        <div class="form-group" ng-class="{'has-error': loginForm.loginId.$invalid && LoginFlag}">
            <!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->
            <label class="control-label visible-ie8 visible-ie9">用户名</label>
            <div class="input-icon">
                <i class="fa fa-user"></i>
                <input class="form-control placeholder-no-fix" type="text" autocomplete="off" placeholder="用户名"
                       name="loginId" ng-model="username" required/>
            </div>
            <span class="text-danger" ng-show="loginForm.loginId.$error.required && LoginFlag">用户名不能为空</span>
        </div>
        <div class="form-group" ng-class="{'has-error': loginForm.password.$invalid && LoginFlag}">
            <label class="control-label visible-ie8 visible-ie9">密码</label>
            <div class="input-icon">
                <i class="fa fa-lock"></i>
                <input class="form-control placeholder-no-fix" type="password" autocomplete="off" placeholder="密码"
                       name="password" ng-model="password" required/>
            </div>
            <span class="text-danger" ng-show="loginForm.password.$error.required && LoginFlag">密码不能为空</span>
        </div>
        <div class="form-actions">
            <label class="checkbox" style="margin-left: 20px">
                <input type="checkbox" name="remember" ng-model="remeberMe"/> 记住用户名
            </label>
            <button type="button" class="btn green-haze pull-right" ng-click="login(loginForm.$invalid)">
                登录 <i class="m-icon-swapright m-icon-white"></i>
            </button>
        </div>
    </form>
    <!-- END LOGIN FORM -->
</div>
<!-- END LOGIN -->
<!-- BEGIN COPYRIGHT -->
<div class="copyright">
    Copyright ©2014-2018 LeadingSoft
</div>
<!-- END COPYRIGHT -->
<!-- BEGIN CORE PLUGINS -->
<script src="./bower_components/jquery/dist/jquery.min.js" type="text/javascript"></script>
<script src="./bower_components/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script>
<script src="./bower_components/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js" type="text/javascript"></script>
<script src="./bower_components/blockUI/jquery.blockUI.js" type="text/javascript"></script>
<script src="./bower_components/jquery.cookie/jquery.cookie.js" type="text/javascript"></script>
<!-- BEGIN CORE ANGULARJS PLUGINS -->
<script src="./bower_components/angular/angular.min.js" type="text/javascript"></script>
<script src="./bower_components/angular-cookies/angular-cookies.min.js"></script>
<script src="./bower_components/angular-sanitize/angular-sanitize.min.js" type="text/javascript"></script>
<script src="./bower_components/angular-touch/angular-touch.min.js" type="text/javascript"></script>
<script src="./bower_components/angular-resource/angular-resource.min.js" type="text/javascript"></script>
<script src='./bower_components/angular-animate/angular-animate.min.js'></script>
<script src="./bower_components/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>
<script src="./bower_components/angular-toastr/dist/angular-toastr.tpls.min.js"></script>
<!-- END CORE PLUGINS -->
<!-- BEGIN PAGE LEVEL PLUGINS -->
<script src="./bower_components/jquery-backstretch/jquery.backstretch.min.js" type="text/javascript"></script>
<!-- END PAGE LEVEL PLUGINS -->
<!-- BEGIN PAGE LEVEL SCRIPTS -->
<script src="./js/main.js" type="text/javascript"></script>
<script src="./assets/global/scripts/app.min.js" type="text/javascript"></script>
<script src="./assets/layouts/layout/scripts/layout.js" type="text/javascript"></script>
<script src="js/loginApp.js" type="text/javascript"></script>
<!-- END PAGE LEVEL SCRIPTS -->
<!-- END JAVASCRIPTS -->
</body>
<!-- END BODY -->
</html>